<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>消费明细</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<link href="images/css.css"  rel="stylesheet" type="text/css" />
	<script type='text/javascript' src='<%=basePath %>/dwr/engine.js'></script>
 	<script type='text/javascript' src='<%=basePath %>/dwr/util.js'></script>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 	<script type='text/javascript' src='js/jquery.validate.min.js'></script>
 	<script type='text/javascript' src='js/common.js'></script>

	<script language="javascript" type="text/javascript" src="<%=basePath %>/date/WdatePicker.js"></script>

<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.STYLE14 {color: #F58000}
.STYLE15 {color: #F18910}
.STYLE16 {color: #F75200}


-->
</style>

<script type="text/javascript">
	function checkVal(){
		var beginTime= $.trim($("#beginTime").val());
		var endTime= $.trim($("#endTime").val());
		
		if(beginTime !="" && endTime !=""){
			if(beginTime > endTime){
				$("#timeSpan").html("选择的开始时间不能大于结束时间.");
				return false;
			}else{
				$("#timeSpan").html("");
			}
		}
		
		return true;
	}

function serachMsgSubmit(){
	if(!checkVal()){
		return false;
	}else{
		document.cxFrm.submit();
	}
}

	//转至多少页码
	 function changePage(pageNo)
	 {
	 	window.location.href= "accManagerAction!showXiaofeiDetail.action?pageNo=" + pageNo + "&topupId=" + $("#topupId").val();
	 } 
	 
</script>

  </head>
  
<body bgcolor="#F1F1F1" style="margin:0px; text-align:center;">
<s:hidden name="topupId"></s:hidden>
<table width="789" height="539" border="0" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1">
  <tr>
    <td width="789" height="39" align="left" valign="middle">
    <span class="STYLE1">&nbsp;<a href="javascript:void(parent.window.location.href='loginAction!login.action')" class="STYLE1">我的易彩通</a> &gt; 我的账号 &gt; 账号管理</span>
    </td>
  </tr>
  <tr>
    <td height="500" align="left" valign="top" >
    
    
    <table width="788" height="426" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #DBDBDB;  border-left:1px solid #DBDBDB; " id="a2">
        <tr>
	        <td width="112" align="center" background="../images/line3.jpg" style="border:1px solid #DBDBDB;">
	        	<a href="accManagerAction!doMyAccount.action" class="STYLE11">我的账号</a>
	        </td>
	        <td width="8" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
	        
	        <td width="112" height="22" align="center" bgcolor="#FFFFFF" style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;" >消费明细</td>
	        <td width="322" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
       </tr>
        </tr>
        <tr>
          <td height="399" colspan="4" align="center" valign="top" bgcolor="#FFFFFF" style="border-right:1px solid #DBDBDB;">
          <table  border="0" cellpadding="0" cellspacing="0" width="100%">
          	 <tr>
			  	<td colspan="5" height="50px">
			  		&nbsp;&nbsp;<img src="images/fh.jpg" width="16" height="16"><a href="accManagerAction!xiaofeimingxi.action">返回</a>
			  	</td>
			  </tr>
            <tr>
              <td width="226" height="32" align="center" background="images/lm1_bg.jpg">消费时间</td>
              <td width="10" background="images/lm1_bg.jpg"><img src="images/line2.jpg" width="10" height="25" /></td>
              <td width="290" align="center" background="images/lm1_bg.jpg">彩信标题</td>
              <td width="10" background="images/lm1_bg.jpg"><img src="images/line2.jpg" width="10" height="25" /></td>
              <td width="229" align="center" background="images/lm1_bg.jpg">接收号码</td>
            </tr>
            <!-- 显示数据的列表 --> 
 			<s:iterator value="pageMsgObj.data" id="msg" status="st">
            <tr <s:if test="#st.odd">style='background-color:#F7F7F7'</s:if>>
              <td height="30" align="center">
              		<s:date name="pageMsgObj.data[#st.index].sendTime" format="yyyy-MM-dd HH:mm:ss"/>
              </td>
              <td>&nbsp;</td>
              <td align="center">
              		&nbsp;&nbsp;<a>${msg.title}</a>
              </td>
              <td>&nbsp;</td>
              <td align="center">
              		&nbsp;&nbsp;<a>${msg.recever}</a>
              </td>
            </tr>
 			</s:iterator>
 			<%-- 展示列表结束 --%>
 			
			<!-- 分页 -->
            <tr>
              <td background="images/lm1_bg.jpg" style="color:#FFA500;">&nbsp;&nbsp;&nbsp;合计：${pageMsgObj.totalRecord}条</td>
              <td height="29" colspan="4" align="right" background="images/lm1_bg.jpg" >
              <s:if test="pageMsgObj.pageNo==1">首页</s:if>
			  <s:else>
				  <a href="javascript:changePage(1,${topupId});" class="STYLE5">首页</a> 
			  </s:else>&nbsp;
              
              <s:if test="pageMsgObj.hasPrePage==false">上一页</s:if>
			  <s:else> 
				 <a href="javascript:changePage(<s:property value="pageMsgObj.pageNo-1"/>,${topupId})" class="STYLE5">上一页</a>
			  </s:else>&nbsp;

              <s:if test="pageMsgObj.hasNextPage==false">下一页</s:if>
		      <s:else>
				 <a href="javascript:changePage(<s:property value="pageMsgObj.pageNo+1"/>,${topupId})" class="STYLE5">下一页</a>
			  </s:else>&nbsp;
              
              <s:if test="pageMsgObj.pageNo==pageMsgObj.totalPage">末页</s:if>
			  <s:else>
			    <a href="javascript:changePage(<s:property value="pageMsgObj.totalPage"/>,${topupId})" class="STYLE5"> 末页 </a>
			  </s:else>
              
              &nbsp;&nbsp;第${pageMsgObj.pageNo}页&nbsp;|&nbsp;
                                    共<s:property value="pageMsgObj.totalPage"/>页&nbsp;|&nbsp;
                                    共${pageMsgObj.totalRecord}条&nbsp;&nbsp;转至&nbsp;
    			<s:select list="pageMsgObj.listNum" name="pageNo" id="pageNo" onchange="changePage(this.value)">
    			</s:select>
    		</td>
            </tr>
             <s:else>
				<%--<font class="tip" style="font-size: large;">暂无消费明细!</font>--%>
				<tr>
	              <td height="29" colspan="5" align="right" background="images/lm1_bg.jpg" >
				 	首页&nbsp;上一页&nbsp;下一页&nbsp;末页           
	              	&nbsp;&nbsp;第1页&nbsp;|&nbsp;共1页&nbsp;|&nbsp;&nbsp;
	    		  </td>
	            </tr>
		     </s:else>
  		<s:if test="pageMsgObj.totalPage==0">
	  		<tr>
		        <td height="29" colspan="5" align="right" background="images/lm1_bg.jpg" >
					<p style="color: red;font-size: 12px;text-align: center;">暂无消费明细记录!</p>
		    	</td>
		    </tr>	 
  		</s:if>
  		<%-- 分页结束 --%>
  			 
            <tr>
              <td height="25" colspan="4" align="right" class="STYLE15">&nbsp;</td>
            </tr>
          </table>
          
          
          </td>
        </tr>
      </table>
      
      
      
    </td>
  </tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="8">&nbsp;</td>
  </tr>
</table>	

</body>
</html>
